@charset "utf-8";
.web{
	
	.flash_bigbox {
		>div{
			background:url(../img/flash-背景.jpg)no-repeat right 50% top 2%
;		}
		padding-top: 60px;
		padding-bottom: 60px;
		background-color: #8bc01f;
		display: flex;
		.flash_box{
			display: flex;
			flex-basis: 68%;
			.flash_left{
				h4{
					font-size: 24px;
					color: white;
					padding-bottom: 69px;
				}
				.flash_top{
					display: flex;
					align-items: center;
					.figure_one{
						width: 55px;
						height: 55px;
						border-radius: 5px;
						margin: 10px 5px;
						background-color: white;
						p{ 
							color: #8bc01f;
							font-size: 48px;
							text-align: center;
							line-height: 55px;
							margin-bottom: 0;
						}
					}
					.flash_text{
					h3{
						font-size: 48px;
						color: white;
						
						}
					}
				}
				.flash_words{
					
					.word_one{
						padding-bottom: 30px;
						display: flex;
						flex-wrap: wrap;
						font-size: 14px;
						color:white;
					}
				}
				.download{
					width: 100px;
					height: 36px;
					background-color: #e8f2d2;
					border-radius: 5px;
					text-align: center;
					line-height:36px ;
					a{ 
						color: #8bc01f;
						font-size: 14px;
						
					}
				}
			}
		}
	}
	.player_bigbox{
		padding-top: 70px;
		padding-bottom: 55px;
		background-color: #3393df;
		display: flex;
		.player_box{
			background-image: url(../img/2.png);
			background-repeat:no-repeat;
			background-position: bottom left;
			background-size: 80%;
			padding-bottom: 100px;
			
			.player_top{
				padding-bottom: 250px;
				.figure_one{
					display: inline-block;
					width: 55px;
					height: 55px;
					border-radius:5px;
					margin: 10px 5px;
					background-color: white;
					p{ 
						color: $color;
						font-size: 48px;
						text-align: center;
						line-height: 55px;
						margin-bottom: 0;
						}
					}
				.player_text{
					display: inline;
					h3{
						display: inline;
						font-size: 48px;						color: white;
						}
					}
				}
			}
		.word_top{
			padding-top: 90px;
			color:white;
			line-height: 30px;
			h4{
				font-size: 24px;
				
				}
			}
		.word{
			padding-top: 10px;
			color:white;
			line-height: 30px;
			h4{
				font-size: 24px;
				
				}
			}
		.bgc{
			padding-bottom: 500px;
			background-image: url(../img/3.png);
			background-repeat: no-repeat;
			background-position: bottom;
			background-size: 90%;
			}	
		}
	.listabig_box{
		padding-top: 90px;
		padding-bottom: 88px;
		
		.list_left{
		padding-bottom: 160px;	
		background-image:url(../img/5.png);
		background-repeat: no-repeat;
		background-position: bottom ;
			h4{
				font-size: 18px;
				color:#5d5d5d;
			}
			.list_top{
				display: flex;
				align-items: center;
				.figure_one{
					width: 55px;
					height: 55px;
					border-radius: 5px;
					margin: 10px 5px;
					background-color:#3393df;
					p{
						color:white;
						font-size: 48px;
						text-align: center;
						line-height: 55px;
						margin-bottom: 0;
					}
				}
				.player_text{
					h3{
						color:#3393df;
						font-size: 48px;
					}
				}
			}
			.slogan{
				line-height: 30px;
				padding-top: 10px;
				h4{
					font-size: 18px;
					color:#3393df;
				}
				p{
					font-size: 14px;
					color:#5d5d5d;
					text-indent:1em;
					
				}
			}
		}
		.list_right{
		padding-bottom: 160px;	
		background-image:url(../img/4.png);
		background-repeat: no-repeat;
		background-position: bottom ;
			h4{
				font-size: 18px;
				color:#5d5d5d;
			}
			.list_top{
				display: flex;
				align-items: center;
				.figure_one{
					width: 55px;
					height: 55px;
					border-radius: 5px;
					margin: 10px 5px;
					background-color:#3393df;
					p{
						color:white;
						font-size: 48px;
						text-align: center;
						line-height: 55px;
						margin-bottom: 0;
					}
				}
				.player_text{
					h3{
						color:#3393df;
						font-size: 48px;
					}
				}
			}
			.slogan{
				line-height: 30px;
				padding-top: 10px;
				h4{
					font-size: 18px;
					color:#3393df;
				}
				p{
					font-size: 14px;
					color:#5d5d5d;
					text-indent:1em;
				}
			}
			.slogan1{
				line-height: 30px;
				padding-top: 10px;
				h4{
					font-size: 18px;
					color:#3393df;
				}
				p{
					font-size: 14px;
					color:#5d5d5d;
					text-indent:1em;
					min-height: 60px;
				}
			}
		}
	}
	.listabig2_box{
		padding-top: 90px;
		padding-bottom: 88px;
		background-color: #f7f7f7;
		
		.list_left{
		padding-bottom: 160px;	
		background-image:url(../img/6.png);
		background-repeat: no-repeat;
		background-position: bottom ;
			h4{
				font-size: 18px;
				color:#5d5d5d;
			}
			.list_top{
				display: flex;
				align-items: center;
				.figure_one{
					width: 55px;
					height: 55px;
					border-radius: 5px;
					margin: 10px 5px;
					background-color:#3393df;
					p{
						color:white;
						font-size: 48px;
						text-align: center;
						line-height: 55px;
						margin-bottom: 0;
					}
				}
				.player_text{
					h3{
						color:#3393df;
						font-size: 40px;
					}
				}
			}
			.slogan{
				line-height: 30px;
				padding-top: 10px;
				h4{
					font-size: 18px;
					color:#3393df;
				}
				p{
					font-size: 14px;
					color:#5d5d5d;
					text-indent:1em;
					min-height: 50px;
					
				}
			}
		}
		.list_right{
		padding-bottom: 160px;	
		background-image:url(../img/7.png);
		background-repeat: no-repeat;
		background-position: bottom ;
		
			h4{
				font-size: 18px;
				color:#5d5d5d;
			}
			.list_top{
				display: flex;
				align-items: center;
				.figure_one{
					width: 55px;
					height: 55px;
					border-radius: 5px;
					margin: 10px 5px;
					background-color:#3393df;
					p{  
						color:white;
						font-size: 48px;
						text-align: center;
						line-height: 55px;
						margin-bottom: 0;
					}
				}
				.player_text{
					h3{
						color:#3393df;
						font-size: 42px;
					}
				}
			}
			.slogan{
				
				padding-top: 10px;
				h4{
					font-size: 18px;
					color:#3393df;
				}
				p{ 
					font-size: 14px;
					color:#5d5d5d;
					text-indent:1em;
					min-height: 40px;
				}
			}
			.slogan1{
				line-height: 30px;
				padding-top: 10px;
				// margin-bottom: 40px;
				h4{
					font-size: 18px;
					color:#3393df;
				}
				p{  min-height: 63px;
					font-size: 14px;
					color:#5d5d5d;
					text-indent:1em;
				}
			}
		}
	}


// 大盒结束
}

@media screen and (min-width:992px) and (max-width:1199px) {
	.web{
		.flash_bigbox{
			>div{
				background:url(../img/flash-背景.jpg)no-repeat right 38% top 50%/110%;
					}
			.flash_box{
				.flash_left{
					h4{
						padding-bottom:40px;
						font-size: 20px;
						font-weight: bold;
					}
				.flash_words{
					.word_one{
						p{
							font-size: 18px;
						}
					}
				}
				}
			}
		}
	.player_bigbox{
		.player_box{
			background-size: 80%;
			.player_top{
				.player_text{
					h3{
						font-size: 35px;
						}
					}
				}
			}
			.word_top{
				padding-top: 80px;
				color:white;
				line-height: 30px;
				h4{
					font-size: 30px;
					
					}
				p{
					font-size: 18px;
				}
				}
			.word{
				padding-top: 10px;
				color:white;
				line-height: 30px;
				h4{
					font-size: 30px;
					
					}
				p{
					font-size: 18px;
				}
				}
		.bgc{
			background-size: 95%;
			}	
		}
	.listabig_box{
		.list_left{
			 .slogan1 {
				margin-bottom: 0;
				p{   
					
					 font-size: 16px;
				}
				}
			.slogan {
						p{
							font-size: 16px;
						}
								}
			}
		.list_right{
			 .slogan1 {
				 margin-bottom: 0px;
				 p{
					 font-size: 16px;
					 min-height: 85px;
				 }
				}
			.slogan {
					p{
						 font-size: 16px;
					}
				}	
			}
		}
	.listabig2_box{
		.list_left{
			.slogan1 {
						 p{
							 font-size: 16px;
					}
				}
			 .slogan{
				 p{
					 min-height: 50px;
					 font-size: 16px;
				 }
				}
			}
		.list_right{
			.slogan1 {
						 p{
							 font-size: 16px;
					}
				}
			 .slogan{
				 p{
					 min-height: 50px;
					 font-size: 16px;
				 }
				}
			}
		}
	}
	
}



@media screen and (min-width:768px) and (max-width:991px){
	.web{
		.flash_bigbox{
			>div{
				background: none;
			}
		.flash_box{
			.flash_left{
				h4{
					padding-bottom:40px;
					font-size: 30px;
					font-weight: bold;
				}
			.flash_words{
				.word_one{
					p{
						font-size: 24px;
							}
						}
					}
				.download{
					a{
						font-size: 18px;
						}
					}
				}
			}
		}
		.player_bigbox{
			.player_box{
				background-image: none;
				padding-bottom: 0;
				.player_top{
					padding-bottom: 0;
				}
			}
		.word_top{
			padding-top: 0;
			h4{
				font-size: 30px;
			}
			p{
				font-size: 24px;
			}
		}
		.word{
			
			h4{
				font-size: 30px;
			}
			p{
				font-size: 24px;
			}
		}
		.bgc{
			background-image: none;
			padding-bottom: 0;
			}
		}
		.listabig_box,.listabig2_box{
			.list_left,.list_right{
				line-height: 80px;
				background-image: none;
				padding-bottom:20px;
				.list_top{
					.player_text{
					h3{
						font-size: 55px;
						}
					}
				}
				h4{
					font-size: 30px;
					font-weight: bold;
				}
				.slogan {
					h4{
						font-size: 30px;
					}
					p{
						font-size: 24px;
					}
				}
				.slogan1 {
					h4{
						font-size: 30px;
					}
					p{
						font-size: 24px;
					}
				}
			}
		}
	}
}



@media screen and (max-width:767px){
	.web{
		.flash_bigbox{
			>div{
				background: none;
			}
		.flash_box{
			.flash_left{
				h4{
					padding-bottom:40px;
					font-size: 32px;
					font-weight: bold;
				}
			.flash_words{
				.word_one{
					p{
						font-size: 25px;
							}
						}
					}
				.download{
					width: 120px;
					height: 40px;
					line-height:40px ;
					a{
						font-size: 20px;
						}
					}
				}
			}
		}
	.player_bigbox{
		.player_box{
			background-image: none;
			padding-bottom: 0;
			.player_top{
				padding-bottom: 0;
			}
		}
	.word_top{
		padding-top: 0;
		h4{
			font-size: 30px;
		}
		p{
			font-size: 20px;
		}
	}
	.word{
		
		h4{
			font-size: 30px;
		}
		p{
			font-size: 20px;
		}
	}
	.bgc{
		background-image: none;
		padding-bottom: 0;
	}
		}
		
		.listabig_box,.listabig2_box{
			.list_left,.list_right{
				background-image: none;
				padding-bottom:20px;
				.list_top{
					.player_text{
					h3{
						font-size: 55px;
						}
					}
				}
				h4{
					font-size: 30px;
				}
				.slogan {
					h4{
						font-size: 30px;
					}
					p{
						font-size: 24px;
					}
				}
				.slogan1 {
					h4{
						font-size: 30px;
					}
					p{
						font-size: 24px;
					}
				}
			}
		}
	}
}